<template>
  <div class="seat-select">
      <van-cell v-for="y in column" :key="y" style="padding: 0" class="seat-select">
        <van-row type="flex" justify="center" >
          <van-icon @click="seatSelect(x,y)" v-for="x in 12"
                    class="iconfont" class-prefix='icon'
                    size="28px"
                    :name="seatAvailable"
                    :class="`seat-item-${x+'-'+y}`"
                    :key="x+'-'+y">
          </van-icon>
        </van-row>
      </van-cell>
  </div>

</template>

<script>

import {listAvailableSeats} from "@/api/seat";

export default {
  created() {
    listAvailableSeats(this.AvailableSeatsParam).then(response => {
      this.seat = response.data.data;
    });
  },
  name: "Seat",
  data(){
    return {
      column:20,
      AvailableSeatsParam:{
        start:'2020-10-10 00:00:00',
        end:'2020-10-10 00:00:00',
        floorId:1

      },
      seatAvailable:"yexuanzuowei",
    };
  },
  methods:{

  }
}
</script>

<style scoped>
.seat-select{
  text-align:center;
}

</style>
